<script setup>
import { ref } from "vue";
const form = ref({
    dsn: "mysql://admin:kWQ6SKN76csQJcz4@192.168.33.162/admin",
    sqlstr: "select * from ver_admin;"
});
const handleSubmit = () => {
    console.log(form.value);
};
</script>

<template>
    <div class="p-4">
        <a-form :model="form" auto-label-width>
            <a-form-item field="dsn" label="DSN">
                <a-input v-model="form.dsn" placeholder="please enter your dsn..." />
            </a-form-item>
            <a-form-item field="sqlstr" label="SQL">
                <a-input v-model="form.sqlstr" placeholder="please enter your sqlstr..." />
            </a-form-item>
            <a-form-item>
                <a-button @click="handleSubmit">保存</a-button>
            </a-form-item>
        </a-form>
    </div>
</template>

<style scoped></style>
